<template>
  <div class="app-inner">
    <el-card>
      <el-tabs v-model="activeName">
        <el-tab-pane label="异常行为分析" name="AbnormalAnalysis"></el-tab-pane>
        <!-- <el-tab-pane label="午休行为分析" name="NoonbreakAnalysis"></el-tab-pane>
        <el-tab-pane label="课堂行为分析" name="ClassroomAnalysis"></el-tab-pane> -->
      </el-tabs>
      <component :is="activeName"></component>
    </el-card>
  </div>
</template>

<script>
import AbnormalAnalysis from './components/abnormalAnalysis.vue'
import NoonbreakAnalysis from './components/noonbreakAnalysis.vue'
import ClassroomAnalysis from './components/classroomAnalysis.vue'

export default {
  components: {
    AbnormalAnalysis,
    NoonbreakAnalysis,
    ClassroomAnalysis
  },
  data: () => ({
    activeName: 'AbnormalAnalysis'
  })
}
</script>

<style lang="scss" scoped></style>
